// laydate
@laydate-border-color: #666;
@laydate-bg-color: #333;
@laydate-font-color: #fff;
@laydate-font-disabled-color: #666;

.layui-laydate {
  border: 1px solid @laydate-border-color !important;
  background-color: @laydate-bg-color !important;

  .layui-laydate-header {
    border-bottom: 1px solid @laydate-border-color;

    .laydate-set-ym {
      span {
        color: @laydate-font-color;
      }
    }
  }

  .layui-laydate-content {
    th {
      color: fade(@laydate-font-color, 60%);
    }
    td {
      color: @laydate-font-color;
    }

    .laydate-disabled {
      color: @laydate-font-disabled-color !important;

      &:hover {
        color: @laydate-font-disabled-color !important;
      }
    }

    .layui-laydate-list {
      background-color: @laydate-bg-color !important;

      li {
        color: @laydate-font-color;
      }
    }

    .laydate-time-list {
      li {
        ol {
          border: 1px solid @laydate-border-color;
          .scrollbar();

          li {
            &:hover {
              background-color: lighten(@laydate-bg-color, 20%) !important;
            }
          }
        }
      }
    }
    td {
      &.laydate-day-next,
      &.laydate-day-prev {
        color: #999;
        background-color: rgba(255, 255, 255, 0) !important;
      }
      &.laydate-selected {
        background-color: lighten(@laydate-bg-color, 10%);
        &.laydate-day-next,
        &.laydate-day-prev {
          color: #999;
          background-color: rgba(255, 255, 255, 0) !important;
        }
      }
    }
  }

  .layui-laydate-footer {
    border-top: 1px solid @laydate-border-color;

    .laydate-btns-time {
      color: @laydate-font-color;
    }
  }
}
.laydate-theme-full {
  width: 100% !important;
  .layui-laydate-main {
    width: 100%;
    .layui-laydate-content {
      & > table {
        width: 100%;
        & > tbody {
          & > tr {
            & > td {
              height: 40px;
              width: 14.28%;
              border: 1px solid #e2e2e2;
              .tag {
                background: burlywood;
                margin: 5px;
                padding: 5px;
                text-align: left;
                &::before {
                  content: "●";
                  padding: 0 0.3rem;
                  color: #f6e58d;
                }
              }
            }
          }
        }
      }
    }
  }
}
